<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4610055_jsuibpzzgmp.css">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/collection.css" rel="stylesheet">
    <title>拼多多 收藏商品</title>
</head>
<body>
<div class="header">
    <div class="iconfont icon-xiangzuojiantou" onclick="location.href='my.html'"></div>
    <div class="collection">全部收藏<span class="iconfont icon-xiangxiajiantou"></span></div>
    <p><span class="iconfont icon-sousuo"></span>&nbsp;&nbsp;管理</p>
</div>
<br><br>
<div class="wrapper">
    <ul class="details">
        <div class="dianpu-details">
            <img src="img/collection-sj01.png">
            <div class="dianpu-name">大风车毛绒玩具店</div>
            <div class="iconfont icon-xiangyoujiantou"></div>
        </div>
        <li class="business">
            <div class="iconfont icon-yuanquangou"></div>
            <img src="img/collection-sp01.png">
            <div class="business-info">
                <h4>绿色刷花龙玩偶毛绒玩具牛油果</h4>
                <h5>牛油果恐龙【含背包...x1<span class="iconfont icon-xiangyoujiantou"></span></h5>
                <h6>再选一款<span class="iconfont icon-jiahao1"></span></h6>
                <p style="color: indianred">2件9.9折&nbsp;90天低价&nbsp;拼单过</p>
                <div class="price">
                    <span class="smaller">&nbsp;&#165;</span><span class="larger">19</span><span class="smaller">.3</span>
                    <p>...</p>
                </div>
            </div>
        </li>
    </ul>
    <ul class="details">
        <div class="dianpu-details">
            <img src="img/collection-sj02.png">
            <div class="dianpu-name">靓笑莲服饰</div>
            <div class="iconfont icon-xiangyoujiantou"></div>
        </div>
        <li class="business">
            <div class="iconfont icon-yuanquan"></div>
            <img src="img/collection-sp02.png">
            <div class="business-info">
                <h4>婴儿感宽松薄款家居休闲遛弯裤</h4>
                <h5>请选择款式<span class="iconfont icon-xiangyoujiantou"></span></h5>
                <p style="color: indianred">2件9.8折&nbsp;<span style="color: #888888">极速退款</span></p>
                <div class="price">
                    <span class="smaller">&nbsp;&#165;</span><span class="larger">6</span><span class="smaller">.82</span>
                    <p>...</p>
                </div>
            </div>
        </li>
    </ul>
    <ul class="details">
        <div class="dianpu-details">
            <img src="img/collection-sj03.png">
            <div class="dianpu-name">Hiio</div>
            <div class="iconfont icon-xiangyoujiantou"></div>
        </div>
        <li class="business">
            <div class="iconfont icon-yuanquan"></div>
            <img src="img/collection-sp03.png">
            <div class="business-info">
                <h4>Hiio 夏季美式学院风侧腰抽绳设</h4>
                <h5>湖水绿; M &nbsp;x1<span class="iconfont icon-xiangyoujiantou"></span></h5>
                <h6>再选一款<span class="iconfont icon-jiahao1"></span></h6>
                <p style="color: indianred">2件9.9折&nbsp;60天低价&nbsp;<span style="color: #888888">退货包运费</span></p>
                <div class="price">
                    <span class="smaller">限时低价&nbsp;&#165;</span><span class="larger">44</span><span class="smaller">.77</span>
                    <p>...</p>
                </div>
            </div>
        </li>
    </ul>
    <ul class="details">
        <div class="dianpu-details">
            <img src="img/collection-sj04.png">
            <div class="dianpu-name">一禅手作</div>
            <div class="iconfont icon-xiangyoujiantou"></div>
        </div>
        <li class="business">
            <div class="iconfont icon-yuanquan"></div>
            <img src="img/collection-sp04.png">
            <div class="business-info">
                <h4>天然微醺野莓菩提手串学生版绕</h4>
                <h5>请选择款式<span class="iconfont icon-xiangyoujiantou"></span></h5>

                <p style="color: indianred">2件9.9折&nbsp;30天低价&nbsp;<span style="color: #888888">退货包运费</span></p>
                <div class="price">
                    <span class="smaller">限量低价&nbsp;&#165;</span><span class="larger">2</span><span class="smaller">.8</span>
                    <p>...</p>
                </div>
            </div>
        </li>
    </ul>
    <ul class="details">
        <div class="dianpu-details">
            <img src="img/collection-sj05.png">
            <div class="dianpu-name">不通俗的壳</div>
            <div class="iconfont icon-xiangyoujiantou"></div>
        </div>
        <li class="business">
            <div class="iconfont icon-yuanquan"></div>
            <img src="img/collection-sp05.png">
            <div class="business-info">
                <h4>油漆适用小米14手机壳女小米</h4>
                <h5>B1559 &nbsp;大眼睛米白-油...&nbsp;x1<span class="iconfont icon-xiangyoujiantou"></span></h5>
                <h6>再选一款<span class="iconfont icon-jiahao1"></span></h6>
                <p style="color: indianred">2件9.9折&nbsp;90天低价&nbsp;</p>
                <div class="price">
                    <span class="smaller">限量低价&nbsp;&#165;</span><span class="larger">3</span><span class="smaller">.54</span>
                    <p>...</p>
                </div>
            </div>
        </li>
    </ul>
    <ul class="details">
        <div class="dianpu-details">
            <img src="img/collection-sj06.png">
            <div class="dianpu-name">小二郎地毯商贸</div>
            <div class="iconfont icon-xiangyoujiantou"></div>
        </div>
        <li class="business">
            <div class="iconfont icon-yuanquan"></div>
            <img src="img/collection-sp06.png">
            <div class="business-info">
                <h4>地毯卧室床边毯少女生家用耐脏</h4>
                <h5>粉红底小花&nbsp;(加厚绒...&nbsp;x1<span class="iconfont icon-xiangyoujiantou"></span></h5>
                <h6>再选一款<span class="iconfont icon-jiahao1"></span></h6>
                <p style="color: indianred">立减10元&nbsp;2件9.8折&nbsp;90天低价</p>
                <div class="price">
                    <span class="smaller">&#165;60&nbsp;券后&#165;</span><span class="larger">50</span><span class="smaller"></span>
                    <p>...</p>
                </div>
            </div>
        </li>
        <br><br><br>
    </ul>
    <div class="footer">
        <p>已选1款<span class="iconfont icon-xiangyoujiantou"></span></p>
        <div class="heji">
            <p>合计:</p>
            <span class="smaller">&nbsp;&#165;</span><span class="larger">19</span><span class="smaller">.3</span>
        </div>
        <h5 onclick="location.href='order.html'">去结算</h5>
    </div>
</div>
</body>
</html>